<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Clear Writer</title>
    <script src="./script.js"></script>
    <link rel="shortcut icon" href="icon.ico" type="image/x-icon" />
  </head>
  <body>
    <div id="header">
      <img src="./icons/icon.svg" alt="icon" />
      <span>Clear Writer</span>
      <div>
        <a id="download" href="https://linhongping.lanzouw.com/iiLVTh4pidc"
          >下载安装包</a
        ><a id="open" href="https://clearwriter.gitee.io/clearwriter-online/"
          >打开在线版</a
        ><a id="repo" href="https://github.com/Henrylin666/ClearWriter"
          >Github 仓库</a
        >
      </div>
    </div>

    <div id="head" class="section">
      <div>
        <img src="./icons/icon.svg" id="head-ico" />
        <h1>Clear Writer</h1>
        <span>一款能让你静下心的 Markdown 编辑器</span>
        <a id="ver">当前最新稳定版本：</a>
      </div>
      <img src="./img/head-screenshot.png" alt="" class="ss" />
    </div>
    <div id="web" class="section">
      <div>
        <h1>本地、Web 双端可用</h1>
        <span>利用 Web 端 Clear Writer，走到哪里写到哪里。</span>
      </div>
      <img src="./img/web-screenshot.png" alt="" class="ss" />
    </div>
    <div id="dark" class="section">
      <div>
        <h1>完美支持暗色模式</h1>
        <span
          >针对暗色模式做了无数的优化，只为在夜间呵护你的双眼。同时支持跟随系统亮色/暗色模式，更加方便。</span
        >
      </div>
      <img src="./img/dark-screenshot.png" alt="" class="ss" />
    </div>
    <div id="ui" class="section">
      <div>
        <h1>经过细细打磨的界面</h1>
        <span
          >每一个按钮、每一个开关，都尽心设计，同时还有光标的滑动效果。支持开启亚克力效果，立志做
          Windows 下最好看的 Markdown 编辑器。</span
        >
      </div>
      <img src="./img/ui-screenshot.png" alt="" class="ss" />
    </div>
    <div id="last" class="section">
      <img src="./icons/icon.svg" id="bottom-icon" />
      <h1>Clear Writer</h1>
      <span>一款能让你静下心的 Markdown 编辑器</span>
      <a id="ver">当前最新稳定版本：</a>
      <p id="btns">
        <a id="download" href="https://linhongping.lanzouw.com/iiLVTh4pidc"
          >下载安装包</a
        ><a id="open" href="https://henrylin666.gitee.io/clearwriter-online/"
          >打开在线版</a
        ><a id="repo" href="https://github.com/Henrylin666/ClearWriter"
          >Github 仓库</a
        >
      </p>
    </div>
  </body>
</html>
